<div id="tableRelate">
    <div class="table-nav">
        <form class="form-inline">
            <div class="form-group">
                <input type="text" class="form-control" id="operator" placeholder="请输入用户名称">
            </div>

            <button type="button" class="btn btn-default btn-delete">已删除</button>
            <button type="button" class="btn btn-default btn-delete">删除</button>
            <button type="button" class="btn btn-default btn-delete btn-increase">新增</button>
            <button type="button" class="btn btn-default btn-query">查询</button>
        </form>
    </div>
    <div class="table-wrap">
        <table id="Table">
        </table>
    </div>
</div>

<!-- Modal -- 修改和新增加 -->
<div class="modal modify-modal modify-add-modal" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="modifyAddTitle">新增用户</h4>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <label>头像</label>
                    <img src="https://yy-s.zuoyebang.cc/static/fudao/userCenter/resource/avatar_fe770b0.png" alt="头像">
                </div>
                <!-- id风格不统一 -->
                <div class="form-group">
                    <label for="modify_name">名称</label>
                    <input type="text" class="form-control" id="modify_name" placeholder="用户名称">
                </div>
                <div class="form-group">
                    <label for="modify_account">账号</label>
                    <input type="text" class="form-control" id="modify_account" placeholder="用户账号">
                </div>
                <div class="form-group">
                    <label for="modify_password">名称</label>
                    <input type="password" class="form-control" id="modify_password" placeholder="用户密码">
                </div>
                <div class="form-group">
                    <label for="modify_workUnit">工作单位</label>
                    <input type="text" class="form-control" id="modify_workUnit" placeholder="工作单位">
                </div>
                <div class="form-group">
                    <label for="modify_phone">电话</label>
                    <input type="text" class="form-control" id="modify_phone" placeholder="电话">
                </div>
                <div class="form-group">
                    <label for="modify_email">邮箱</label>
                    <input type="email" class="form-control" id="modify_email" placeholder="邮箱">
                </div>
                <div class="form-group">
                    <label for="modify_QQ">QQ</label>
                    <input type="text" class="form-control" id="modify_QQ" placeholder="QQ">
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" id="modifyConfirmBtn" data-dismiss="modal">提交</button>
                <button type="button" class="btn btn-delete">取消</button>
            </div>
        </div>
    </div>
</div>
<!-- model 结束 -->

<!-- Modal -->
<div class="modal check-modal" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="checkModalTitle">查看用户</h4>
            </div>
            <div class="modal-body">
                <div class="check-modal-left">
                    <img src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=1958966202,1289193182&fm=27&gp=0.jpg" alt="用户头像">
                </div>
                <div class="check-modal-right">
                    <p><span>账号：</span><span>20161212aa</span></p>
                    <p><span>工作单位：</span><span>20161212aa</span></p>
                    <p><span>电话：</span><span>20161212aa</span></p>
                    <p><span>邮箱：</span><span>20161212aa</span></p>
                    <p><span>QQ：</span><span>20161212aa</span></p>
                    <p><span>隶属用户组：</span><span>20161212aa</span></p>
                    <div class="check-modal-dynamic">
                        <p>最近动态：</p>
                        <p>最近动态描述信息展示页面</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- model 结束 -->